<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <title>Dagon</title>
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png"/>
    <link rel="stylesheet" type="text/css" href="assets/fonts/flaticon/flaticon.css">
    <link rel="stylesheet" type="text/css" href="assets/css/animate.css">
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="assets/css/pe-icon-7-stroke.css">
    <link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="assets/css/chosen.css">
    <link rel="stylesheet" type="text/css" href="assets/css/jquery.bxslider.css">
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap" rel="stylesheet">
</head>
<body class="page-product">
<div class="wrapper">
    <form id="block-search-mobile" method="get" class="block-search-mobile">
        <div class="form-content">
            <div class="control">
                <a href="#" class="close-block-serach"><span class="icon flaticon-close"></span></a>
                <input type="text" name="search" placeholder="Search" class="input-subscribe">
                <button type="submit" class="btn search">
                    <span><i class="flaticon-magnifying-glass" aria-hidden="true"></i></span>
                </button>
            </div>
        </div>
    </form>
    	<div id="block-quick-view-popup" class="block-quick-view-popup">
    		<div class="quick-view-content">
    			<a href="#" class="popup-btn-close"><span class="flaticon-close"></span></a>
    			<div class="product-items">
    				<div class="product-image">
    					<a href="#"><img src="assets/images/home2/d2.jpg" alt="p1"></a>
    				</div>
    				<div class="product-info">
    					<div class="product-name"><a href="#">智能手机</a></div>
    					<span class="star-rating">
    						<i class="fa fa-star" aria-hidden="true"></i>
    						<i class="fa fa-star" aria-hidden="true"></i>
    						<i class="fa fa-star" aria-hidden="true"></i>
    						<i class="fa fa-star" aria-hidden="true"></i>
    						<i class="fa fa-star" aria-hidden="true"></i>
    						<span class="review">5 条评论</span>
    					</span>
    					<a href="wishlist.html" class="wishlist"><i class="fa fa-heart-o" aria-hidden="true"></i>添加到愿望单</a>
    					<div class="product-infomation">
    						介绍 ：我想要买的这款手机，它基本是全新的，由于我购买了其他的新手机，这款9成新的手机想出售给同一个学校的有缘人........</div>
    				</div>
    			</div>
    			<div class="product-info-price">
    				<span class="price">
    					<ins>229.00</ins>
    					<del>259.00</del>
    				</span>
    				<div class="quantity">
    					<h6 class="quantity-title">数量:</h6>
    					<div class="buttons-added">
    						<input type="text" value="1" title="Qty" class="input-text qty text" size="1">
    						<a href="#" class="sign plus"><i class="fa fa-plus"></i></a>
    						<a href="#" class="sign minus"><i class="fa fa-minus"></i></a>
    					</div>
    				</div>
    				<a href="#" class="btn-add-to-cart">添加到购物车</a>
    			</div>
    		</div>
    	</div>
    </div>
    <!-- HEADER -->
    <header class="site-header header-opt-1">
    	<!-- header-top -->
    	<div class="header-top">
    		<div class="container">
    			<!-- hotline -->
    			<ul class="nav-top-left">
    				<li><a href="#">欢迎来到湘大二手市场</a></li>
    			</ul><!-- hotline -->
    			<!-- heder links -->
    			<ul class="nav-top-right dagon-nav">
    				
    				<li><a href="#"><i class="flaticon-profile" aria-hidden="true"></i>注册 或 登陆</a></li>
    			</ul><!-- heder links -->
    		</div>
    	</div> <!-- header-top -->
        <!-- header-content -->
        <div class="header-content">
        	<div class="container">
        		<div class="row">
        			<div class="col-md-2 nav-left">
        				<!-- logo -->
        				<strong class="logo">
        					<a href="index.html"><img src="assets/images/logo.png" alt="logo"></a>
        				</strong><!-- logo -->
        			</div>
        			<div class="col-md-8 nav-mind">
        				<!-- block search -->
        				<div class="block-search" style="margin-top: 20px;">
        					<div class="block-content">
        						
        						<div class="form-search">
        							<form>
        								<div class="box-group">
        									<input type="text" class="form-control" placeholder="关键词">
        									<button class="btn btn-search" type="button"><span class="flaticon-magnifying-glass"></span></button>
        								</div>
        							</form>
        						</div>
        					</div>
        				</div><!-- block search -->
        			</div>
        			<div class="col-md-2 nav-right">
        				<!-- block mini cart -->
        				<div class="block-minicart dropdown">
        					<a class="minicart" href="#">
        
        						<span class="counter qty">
        
        							<span class="cart-icon"><i class="flaticon-shopping-cart" aria-hidden="true"></i></span>
        
        							<span class="counter-number">2</span>
        
        						</span>
        						<span class="counter-your-cart">
        
        							<span class="counter-label">您的余额:</span>
        
        							<span class="counter-price">00.00</span>
        
        						</span>
        					</a>
        					<div class="parent-megamenu">
        						<form>
        							<div class="minicart-content-wrapper">
        								<div class="subtitle">
        									您有 <span>2</span> 件商品再您的购物篮中。
        								</div>
        								<div class="minicart-items-wrapper">
        									<ol class="minicart-items">
        										<li class="product-inner">
        											<div class="product-thumb style1">
        												<div class="thumb-inner">
        													<a href="#"><img src="assets/images/home2/c1.jpg" alt="c1"></a>
        												</div>
        											</div>
        											<div class="product-innfo">
        												<div class="product-name"><a href="#">电子烟
        													</a></div>
        												<a href="#" class="remove"><i class="flaticon-close" aria-hidden="true"></i></a>
        												<span class="price price-dark">
        
        													<ins>￥229.00</ins>
        
        												</span>
        											</div>
        										</li>
        										<li class="product-inner">
        											<div class="product-thumb style1">
        												<div class="thumb-inner">
        													<a href="#"><img src="assets/images/home2/c2.jpg" alt="c2"></a>
        												</div>
        											</div>
        											<div class="product-innfo">
        												<div class="product-name"><a href="#">电脑屏幕
        													</a></div>
        												<a href="#" class="remove"><i class="flaticon-close" aria-hidden="true"></i></a>
        												<span class="price">
        
        													<ins>￥229.00</ins>
        
        													<del>￥259.00</del>
        
        												</span>
        											</div>
        										</li>
        									</ol>
        								</div>
        								<div class="subtotal">
        									<span class="label">一共 :</span>
        									<span class="price">￥480.00</span>
        								</div>
        								<div class="actions">
        									<a class="btn btn-viewcart" href="shopping.html">查看购物车</a>
        									<a class="btn btn-checkout" href="fukuan.html">付款</a>
        								</div>
        							</div>
        						</form>
        					</div>
        				</div><!-- block mini cart -->
        				<a href="#" class="hidden-md search-hidden"><span class="flaticon-magnifying-glass"></span></a>
        				<a class="wishlist-minicart" href="wishlist.html"><i class="fa fa-heart-o" aria-hidden="true"></i></a>
        			</div>
        		</div>
        	</div>
        </div>
        <!-- header-menu-bar -->
        <div class="header-menu-bar header-sticky">
        		<div class="header-menu-nav menu-style-2">
        			<div class="container">
        				<div class="header-menu-nav-inner">
        					<div id="box-vertical-megamenus" class="box-vertical-megamenus nav-toggle-cat">
        						<h4 class="title active">
        
        							<span class="btn-open-mobile home-page">
        
        								<span></span>
        
        								<span></span>
        
        								<span></span>
        
        							</span>
        							<span class="title-menu">菜单</span>
        						</h4>
        						
        					</div>
        					<div class="header-menu header-menu-resize">
        						<ul class="header-nav dagon-nav">
        							<li class="btn-close hidden-md"><i class="flaticon-close" aria-hidden="true"></i></li>
        							<li class="menu-item-has-children arrow">
        								<a href="index.html" class="dropdown-toggle">主页</a>
        								<span class="toggle-submenu hidden-md"></span>
        								<ul class="submenu parent-megamenu">
        									<li class="menu-item">
        										<a href="index.html">主页</a>
        									</li>
        									<li class="menu-item">
        										<a href="index.html">主页</a>
        									</li>
        									<li class="menu-item">
        										<a href="index.html">主页</a>
        									</li>
        								</ul>
        							</li>
        							<li class="menu-item-has-children arrow">
        								<a href="#" class="dropdown-toggle">商店</a>
        								<span class="toggle-submenu hidden-md"></span>
        								<ul class="submenu parent-megamenu">
        									<li class="menu-item">
        									    <a href="product.html">礼物</a>
        									</li>
        									<li class="menu-item">
        									    <a href="product.html">数码产品</a>
        									</li>
        									<li class="menu-item">
        									    <a href="product.html">家电用品</a>
        									</li>
        									<li class="menu-item">
        									    <a href="product.html">旧书</a>
        									</li>
        									<li class="menu-item">
        									    <a href="product.html">出行工具</a>
        									</li>
        								</ul>
        							</li>
        							<li class="menu-item-has-children arrow">
        								<a href="#" class="dropdown-toggle">其他页面</a>
        								<span class="toggle-submenu hidden-md"></span>
        								<ul class="submenu parent-megamenu">
        									<li class="menu-item">
        									    <a href="fukuan.html">付款</a>
        									</li>
        									<li class="menu-item">
        									    <a href="shopping.html">购物车</a>
        									</li>
        									<li class="menu-item">
        									    <a href="shopping.html">清单</a>
        									</li>
        								</ul>
        							</li>
        							<li class="menu-item-has-children arrow">
        								<a href="blog.html" class="dropdown-toggle">卖家博客</a>
        								<span class="toggle-submenu hidden-md"></span>
        								<ul class="submenu parent-megamenu">
        									<li class="menu-item">
        									    <a href="blog.html">网格博客</a>
        									</li>
        									
        								</ul>
        							</li>
        							<li class="menu-item-has-children arrow">
        								<a href="xiangmujihua.html">创业计划书</a>
        								<span class="toggle-submenu hidden-md"></span>
        								<ul class="submenu parent-megamenu">
        								    <li class="menu-item">
        								        <a href="xiangmujihua.html">关于我们</a>
        								    </li>
        								    <li class="menu-item">
        								        <a href="xiangmujihua.html">商业模式</a>
        								    </li>
        								    <li class="menu-item">
        								        <a href="xiangmujihua.html">核心竞争力</a>
        								    </li>
        								</ul>
        							</li>
        						</ul>
        					</div>
        					<span data-action="toggle-nav" class="menu-on-mobile hidden-md">
        
        						<span class="btn-open-mobile home-page">
        
        							<span></span>
        
        							<span></span>
        
        							<span></span>
        
        						</span>
        
        						<span class="title-menu-mobile">Main menu</span>
        
        					</span>
        				</div>
        			</div>
        		</div>
        	</div>
        </header><!-- end HEADER -->
    <!-- MAIN -->
    <main class="site-main checkout">
        <div class="container">
            <ol class="breadcrumb-page">
                <li><a href="index.html">主页 </a></li>
                <li class="active"><a href="#">付款页面</a></li>
            </ol>
        </div>
        <div class="container">
            <form action="#" class="checkout" method="post" name="checkout">
                <h4 class="title-checkout"基本信息</h4>
                <div class="row">
                    <div class="form-group col-md-6">
                        <label class="title">姓名*</label>
                        <input type="text" class="form-control" id="forFName" placeholder="填写姓名">
                    </div>
                    <div class="form-group col-md-6">
                        <label class="title">电话号码*:</label>
                        <input type="email" class="form-control" id="forEmail" placeholder="填写电话">
                    </div>
                    <div class="form-group col-md-6">
                        <label class="title">宿舍地址*</label>
                        <input type="text" class="form-control" placeholder="xxx公寓-xx栋-xxx">
                    </div>
                    <div class="form-group col-md-6">
                        <label class="title">期望到达时间:</label>
                        <input type="text" class="form-control" placeholder="x月-x日">
                    </div>
                    <div class="form-group col-md-6">
                        <label class="title">支付方式*</label>
                        <input type="text" class="form-control" placeholder="支付宝/微信/线下">
                    </div>
                    <div class="form-group col-md-6">
                        <label class="title">其他要求</label>
                        <input type="text" class="form-control" placeholder="填写你所需要的需求">
                    </div>
                    <div class="form-group shipping col-md-6">
                        <ul>
                            <li><label class="inline"><input type="checkbox"><span class="input"></span>是否需要小票</label></li>
                       </ul>
                        <h4 class="title-checkout">消费账单</h4>
                        <p>一共花费</p>
                        <p>50.00</p>
                        <h4 class="discount">折扣：40%</h4>
                    </div>
                    <div class="form-group payment col-md-6">
                        <h4 class="title-checkout">支付方式</h4>
                        <p>请再次检查一下您的账单，</p>
                       
                        <p class="credit">您可以使用线上支付或线下支付</p>
                        <span class="grand-total">一共消费<span>30.00</span></span>
                        <button type="submit" class="btn-order">支付</button>
                    </div>
                </div>
            </form>
        </div>
    </main><!-- end MAIN -->
   
</div>
<div style="height: 200px;"></div>
<a href="#" id="scrollup" title="Scroll to Top">Scroll</a>
</body>
</html>